<!DOCTYPE html>
<html>
<head>
<title>{{ the_title }}</title>
<link rel="stylesheet" href="static/index.css" />
</head>
<body>
</div>
<div class="logo_image"></div>
<div class="h1">
<h1 class="title">快速识别图片</h1>
<h3>输入图片链接就可识别图片哦😊</h3>
</div>
<img src="https://opendoodles.s3-us-west-1.amazonaws.com/coffee.svg" width="200px" , height="300px">
<table>
<p class="h1"><b>远程图片分析</b></p>
<form method="post" action="/remote">
<div class="function">
<p>放入图片链接有惊喜哦<input type="text" name="remote"></p>
<p class="r">分析结果：<label>{{remote}}</label></p>
<p class="r">准确度：<label>{{confidence3}}</label></p>
<div class="img1">
<img src="{{img_url1}}">
</div>
<p><button type="submit">发送请求</button></p>
</div>
</form>
</table>


<table>
<p class="h1"><b>名胜分析</b></p>
<form method="post" action="/items">
<div class="function">
<p>放入图片链接有惊喜哦<input type="text" name="items"></p>
<p  class="r">分析结果:<label>{{items}}</label></p>
<p class="r">准确度:<label>{{confidence1}}</label></p>
<div class="img2">
<img src="{{img_url2}}">
</div>
</div>
<p><button type="submit">发送请求</button></p>
</form>
</table>
<br></br>
<table>
<p class="h1"><b>名人分析</b></p>
<form method="post" action="person">
<div class="function">
<p>放入图片链接有惊喜哦<input type="text" name="person"></p>
<p class="r">分析结果:<label><b>{{person}}</b></label></p>
<p class="r">准确度:<label><b>{{confidence2}}</b></label></p>
<div class="img3">
<img src="{{img_url3}}">
</div>
</div>
<p><button type="submit">发送请求</button></p>
</form>
</table>
<div class="weather">
<form method="post" action="we">
<div class="function">
<p>城市:<label class="weather_r">{{city}}</label></p>
<p>天气:<label class="weather_r">{{weather}}</label></p>
<p>温度:<label class="weather_r">{{temperature}}</label></p>
</div>
<p><button type="submit">点击获取天气信息</button></p>
</form>
</div>
<div class="viewlog">
<form action="/viewlog">
<button type="submit">在这里可以查看日志</button>
</form>
</div>
</body>
</html>